<script setup lang="ts">
import { ref } from 'vue'

const money = ref(100)
// 1.如果调用函数没有传递参数，那么第一个参数就是事件对象
// 2.如果调用函数传递了参数，那么实参用$event传递事件对象
const change = (count: number, e: MouseEvent) => {
  count++
  console.log(e)
}
</script>


<template>
  <div id="app">
    <div class="box">
      <button @click="change(100, $event)">可乐5元</button>
    </div>
  </div>
</template>

<style>
.box {
  border: 3px solid #000000;
  border-radius: 10px;
  padding: 20px;
  margin: 20px;
  width: 200px;
}

h3 {
  margin: 10px 0 20px 0;
}

p {
  margin: 20px;
}
</style>
